<template>
    <div class="topChartContent">
        <div class="title">{{ title }}</div>
        <div class="slotContainer">
            <slot></slot>
        </div>
    </div>
</template>

<script setup>
    let { title } = defineProps(['title'])
</script>
 
<style lang='less' scoped>
    .topChartContent{
        width: 100%;
        height: 878px;
        background: url('@/assets/image/product/backpart1.png');
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        .title{
            width: 100%;
            font-size: 32px;
            color: #fff;
            text-align: center;
            margin-top: 78px;
        }
        .slotContainer{
            width: 100%;
            flex: 1;
        }
    }
</style>